// 根路径
@baseUrl: "/portal";

// 常用值
@primary: #d36a6f;
@fColor1: #303133;
@fColor2: #666;
@fColor3: #9a9a9a;
@fColor4: #fff;
@fColor5: #ebe9f3;
@bgColor1: #f2f2f2;
@bgColor2: #ebe9f3;
@bgColor3: #fff;
@headerColor: #fff;
@shadow: 0px 0px 4px 0px rgba(23, 40, 60, 0.3);

@theme2-primary: #4ea5ea;
@theme3-primary: #334955;
@theme4-primary: #2a4177;
// 主题颜色
.color() {
  #theme-custom & {
    color: @primary;
  }
  #theme1-pink & {
    color: @primary;
  }
  #theme2-blue & {
    color: @theme2-primary;
  }
  #theme3-grey & {
    color: @theme3-primary;
  }
  #theme4-tg & {
    color: @theme4-primary;
  }
}

// 边框颜色
.borderColor(@border: border-color) {
  #theme-custom & {
    @{border}: @primary;
  }
  #theme1-pink & {
    @{border}: @primary;
  }
  #theme2-blue & {
    @{border}: @theme2-primary;
  }
  #theme3-grey & {
    @{border}: @theme3-primary;
  }
  #theme4-tg & {
    @{border}: @theme4-primary;
  }
}

// login背景图
.bgImgLogin() {
  #theme-custom & {
    background-image: url("@{baseUrl}/img/login-bg-1.png");
  }
  #theme1-pink & {
    background-image: url("@{baseUrl}/img/login-bg-1.png");
  }
  #theme2-blue & {
    background-image: url("@{baseUrl}/img/login-bg-2.png");
  }
  #theme3-grey & {
    background-image: url("@{baseUrl}/img/login-bg-3.png");
  }

  #theme4-tg & {
    background-image: url("@{baseUrl}/img/main-header-bg-custom.png");
  }
}

// login的logo背景图
.bgImgLoginIcon() {
  #theme-custom & {
    background-image: url("@{baseUrl}/img/login-logo-bg-1.png");
  }
  #theme1-pink & {
    background-image: url("@{baseUrl}/img/login-logo-bg-1.png");
  }
  #theme2-blue & {
    background-image: url("@{baseUrl}/img/login-logo-bg-2.png");
  }
  #theme3-grey & {
    background-image: url("@{baseUrl}/img/login-logo-bg-3.png");
  }
  #theme4-tg & {
    background-image: url("@{baseUrl}/img/main-header-bg-custom.png");
  }
}

// login的logo
.imgLoginIcon() {
  #theme-custom & {
    background-image: url("@{baseUrl}/img/logo-1.png");
  }
  #theme1-pink & {
    background-image: url("@{baseUrl}/img/logo-1.png");
  }
  #theme2-blue & {
    background-image: url("@{baseUrl}/img/logo-2.png");
  }
  #theme3-grey & {
    background-image: url("@{baseUrl}/img/logo-3.png");
  }
  #theme4-tg & {
    background-image: url("@{baseUrl}/img/main-header-bg-custom.png");
  }
}

// 主页的top背景
.bgImgDeskTop() {
  #theme-custom & {
    background-image: url("@{baseUrl}/img/main-header-bg-custom.png");
  }
  #theme1-pink & {
    background-image: url("@{baseUrl}/img/main-header-bg-1.png");
  }
  #theme2-blue & {
    background-image: url("@{baseUrl}/img/main-header-bg-2.png");
  }
  #theme3-grey & {
    background-image: url("@{baseUrl}/img/main-header-bg-3.png");
  }
  #theme4-tg & {
    background-image: url("@{baseUrl}/img/main-header-bg-custom.png");
  }
}
// 背景颜色
.bgColor() {
  #theme-custom & {
    background-color: @primary;
  }
  #theme1-pink & {
    background-color: @primary;
  }
  #theme2-blue & {
    background-color: @theme2-primary;
  }
  #theme3-grey & {
    background-color: @theme3-primary;
  }
  #theme4-tg & {
    background-color: @theme4-primary;
  }
}
// 定义
.boxshadow(@right_left:5px,@bottom_top:5px,@box :5px,@box_color:@primary) {
  #theme-custom & {
    box-shadow: @right_left @bottom_top @box @box_color;
  }
  #theme1-pink & {
    box-shadow: @right_left @bottom_top @box @primary;
  }
  #theme2-blue & {
    box-shadow: @right_left @bottom_top @box @theme2-primary;
  }
  #theme3-grey & {
    box-shadow: @right_left @bottom_top @box @theme3-primary;
  }
  #theme4-tg & {
    box-shadow: @right_left @bottom_top @box @theme3-primary;
  }
  //   box-shadow:@arguments;
  //  -moz-box-shadow:@arguments;
  //  -webkit-box-shadow:@arguments;
}
